background-color: #2bc7cd; }
#ateliers p {
- margin: 15px 15px;
- font-size: 1em;
- -webkit-margin-before: 1em;
- -webkit-margin-after: 1em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- font-weight: bold; }
+ margin: 15px 15px 0 15px;
+ font-size: 1.3em;
+ font-weight: bold;
+ text-align: left; }
+
+#ateliers p:nth-child(2) {
+ margin: 0px 15px 15px 15px; }
/*2EME COLONNE*/
#news {
.article {
background-color: #ffaa7f; }
-.suite {
- text-align: right;
- padding-bottom: 20px; }
-
/*3EME COLONNE*/
.map {
background-color: #6059d2;
}
#ateliers p{
- margin: 15px 15px;
- font-size:1em;
- -webkit-margin-before: 1em;
- -webkit-margin-after: 1em;
- -webkit-margin-start: 0px;
- -webkit-margin-end: 0px;
- font-weight: bold;
+ margin: 15px 15px 0 15px;
+ font-size:1.3em;
+ font-weight: bold;
+ text-align: left;
+}
+
+#ateliers p:nth-child(2){
+ margin:0px 15px 15px 15px;
}
}
-.suite{
- text-align:right;
- padding-bottom: 20px;
-}
</li>
<li>
<a href="#"><h1>uN p'Tit véLo dAnS La Tête</h1></a>
- <a href="#"><h2>5 rue de Londres <br>38000 GRENOBLE</h2></a>
- <a href="#"><h2>horaires</h2></a>
+ <a href="#"><p>5 rue de Londres</p>
+ <p>38000 GRENOBLE</p></a>
+ <a href="#"><p>horaires</p></a>
</li>
<li>
<a href="#"><h1>Les Cycl'hauts du Rabot</h1></a>
- <a href="#"><h2>11, rue Maurice Gignoux<br>38031 GRENOBLE</h2></a>
+ <a href="#"><p>11, rue Maurice Gignoux</p>
+ <p>38031 GRENOBLE</p></a>
<a href="#"><h2>horaires</h2></a>
</li>
<li>
<a href="#"><h1>La Citrouille</h1></a>
- <a href="#"><h2>38000 Grenoble</h2></a>
- <a href="#"><h2>horaires</h2></a>
+ <a href="#"><p>38000 Grenoble</p></a>
+ <a href="#"><p>horaires</p></a>
</li>
<li>
<a href="#"><h1>Un Vélo de Plus</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
+ <a href="#"><p>adresse</p></a>
+ <a href="#"><p>horaires</p></a>
</li>
<li>
<a href="#"><h1>Les déraillés</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
+ <a href="#"><p>adresse</p></a>
+ <a href="#"><p>horaires</p></a>
</li>
<li>
<a href="#"><h1>Atelier Garave</h1></a>
- <a href="#"><h2>adresse</h2></a>
- <a href="#"><h2>horaires</h2></a>
+ <a href="#"><p>adresse</p></a>
+ <a href="#"><p>horaires</p></a>
</li>
</ul>
</div>
<h1><a href="#">Titre de l'article</a></h1><br>
<h3><a href="#">Date — Auteur</a></h3>
<a href="#"><p>extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article extrait du contenu de l'article...</p></a><br>
- <a href="#"><p class="suite">Lire la suite...</p></a>
+
</div>
<div class="article">
</div>